@charset "utf-8";
/*布局宽度*/
.w{width: 1100px;margin: 0 auto;}
body,html{min-width: 1100px;}
/*默认链接颜色*/
a{color: #333;}
a:focus {outline:0 !important; }
/** 基础布局  清除空隙  需在外层容器加上 dib-box，dib 可单独使用*/
.dib-box { font-size: 0; /* 所有浏览器 */ *word-spacing: -1px; /* IE6/7 */ }
@media (-webkit-min-device-pixel-ratio: 0) { .dib-box { letter-spacing: -5px; /* Safari 5- 等不支持 font-size: 0 的浏览器 */ } }
.dib-box .dib {vertical-align: top;font-size: 14px;letter-spacing: normal;word-spacing: normal;line-height: inherit;}
.dib{display: inline-block; *display: inline; *zoom: 1; }
/*自适应两端对齐组件 外层加上 justify，内部需要两端对齐的元素都加上 dib,dib 与 justify 不要同时出现*/
/*防止行高增大  尽量不要在父元素上设置行高*/
.justify, .dib-box .justify { font-size: 0; line-height: inherit; }
.justify {text-align: justify;text-justify: inter-ideograph; /* IE 6-7 */ *zoom: 1; /* IE 6-7 触发 hasLayout 使一行也能两端对齐 */-moz-text-align-last: justify;text-align-last: justify; /* IE 8+ */}
/*** 不支持 text-align-last 的浏览器用伪元素模拟* 1. margin-left:100% 仅 WebKit 支持*/
.justify:after { content: ""; display: inline-block; width: 100%; /* 1 */ }
/* 子元素取消两端对齐 */
.justify .dib {-moz-text-align-last: auto;text-align-last: auto;text-justify: auto;text-align: left;font-size: 12px;letter-spacing: normal;word-spacing: normal;}
/* 常用样式 */
.db{display:block;}
.dib{display: inline-block;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after{content: '\0020'; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{*zoom: 1; }
/*字体样式*/
.tl{text-align:left !important;}
.tc{text-align:center !important;}
.tr{text-align:right !important;}
.ell{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.ell_2{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
/*常用颜色*/
.gray{color: #666;}
.light-gray{color: #999;}
/*表单常用样式*/
.form-control {width: 100%;height: 32px;color:#333333;vertical-align: middle;}
.form-control:focus{outline: 0;}
.form-control[disabled]{background-color: #eee;opacity: 1;cursor: not-allowed;}
.form-control[disabled]:hover{border:1px solid #D4D4D4;}
input[type="checkbox"], input[type="radio"] { vertical-align: middle; } /*标签与文字垂直居中对齐*/
input[type=number] { -moz-appearance:textfield; }
input[type=number]::-webkit-inner-spin-button,  
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
/*常用图形*/
/**右三角**/
.arrow { font-size: 0; width: 0; height: 0; line-height: 0; display: inline-block; vertical-align: -2px; border: 0 dashed transparent; border-width: 6px; }
.arrow-right { border-left-style: solid; border-left-color: #2ab2df; }
/*翻页*/
.pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;}
.pagination > li { display: inline;}
.pagination > li > a,
.pagination > li > span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #555;text-decoration: none;background-color: #fff;border: 1px solid #ddd;}
.pagination > li:first-child > a,
.pagination > li:first-child > span {margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {color: #23527c;background-color: #eee;border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {z-index: 2;cursor: default;border-color: #337ab7;    text-align: center;
    line-height: 28px !important;color: #fff;padding: 0;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {color: #777;cursor: not-allowed; border-color: #ddd;}
.pagination-lg > li > a,
.pagination-lg > li > span {padding: 10px 16px;font-size: 18px;}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {border-top-left-radius: 6px;border-bottom-left-radius: 6px;}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {border-top-right-radius: 6px;border-bottom-right-radius: 6px;}
.pagination-sm > li > a,
.pagination-sm > li > span { padding: 5px 10px; font-size: 12px; }
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

/*头部*/
.toplogo-wrap{height: 140px;border-bottom: 1px solid #eeeeee;background: #fff;}
.logo-box{width: 199px;margin-top: 28px;float: left;border-right: 1px solid #eee;}
.logo-box img{width: 199px;height: 83px;}
.logo-text{margin-left: 10px;float: left;height: 83px;margin-top: 45px;}
.logo-top-text{font-size: 24px;margin: 0;}
.logo-bott-text{font-size: 14px !important;margin: 0;padding-top: 5px;}
.tel-box{width: 224px;height: 83px;float: right;margin-top: 28px;}
.tel-box i{width: 37px;height: 37px;background: url(../images/icon_tel.png) no-repeat;display: inline-block;margin-top: 23px;float: left;margin-right: 10px;}
.tel-hot{font-size: 14px;margin-top: 20px;}
.tel-number{font-size: 24px;color: #d20e1e;font-weight: bold;}
.topw{}
.top-w-in{height: 208px;background: #fff;width: 100%;}
.top-fixed{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	height: 67px;
}
/*nav*/
.nav-wrap{height: 67px;line-height: 67px;}
.nav-wrap ul{list-style: none;}
.nav-wrap ul li{float: left;width: 122px;text-align: center;font-size: 16px;position: relative;color: #333;height: 67px;display: inline-block;float: left;}
/*.nav-wrap ul li a{float: left;}
.nav-wrap ul li a:hover{color: #fff;}*/	
.nav-wrap ul li.active{background: #d20e1e;color: #fff;}
.nav-wrap ul li:hover{background: #d20e1e;color: #fff;}
.nav-wrap ul li:hover a{color: #fff;}
.nav-wrap ul li.active a{color: #fff;}
/*.nav-wrap ul li a.active{background: #d20e1e;color: #fff;}*/
.nav-wrap ul li:hover{background: #d20e1e;color: #fff;transition:500ms;-webkit-transition:500ms;
-moz-transition:500ms;color: #fff;}
.navw{width: 100%;background: #fff;}
.navw-i{/*height: 67px;*/}
.navw-ins{width: 100%;background: #fff;position: fixed;top: 0;left: 0;z-index: 99999;height: 67px;}
.hiddened{display: none;}
.showed{display: block;}
.fixed-second-nav{
	position: fixed;
	z-index: 10;
	top: 80px;
	left: 0;
	right: 0;
}